<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>云病历</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/feedback-page.css">
		<link rel="stylesheet" href="../css/MUIxinyingCss.css"/>
		<style>
			html,body{background-color:#F5F5F5}.mui-views,.mui-view,.mui-pages,.mui-page,.mui-page-content{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:#F5F5F5}.mui-pages{top:44px;height:auto}.mui-scroll-wrapper,.mui-scroll{background-color:#f5f5f5}.mui-page.mui-transitioning{-webkit-transition:-webkit-transform 300ms ease;transition:transform 300ms ease}.mui-page-left{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-ios .mui-page-left{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}.mui-navbar{position:fixed;right:0;left:0;z-index:10;height:44px;background-color:#f7f7f8}.mui-navbar .mui-bar{position:absolute;background:transparent;text-align:center}.mui-android .mui-navbar-inner.mui-navbar-left{opacity:0}.mui-ios .mui-navbar-left .mui-left,.mui-ios .mui-navbar-left .mui-center,.mui-ios .mui-navbar-left .mui-right{opacity:0}.mui-navbar .mui-btn-nav{-webkit-transition:none;transition:none;-webkit-transition-duration:.0s;transition-duration:.0s}.mui-navbar .mui-bar .mui-title{display:inline-block;width:auto}.mui-page-shadow{position:absolute;right:100%;top:0;width:16px;height:100%;z-index:-1;content:''}.mui-page-shadow{background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.mui-navbar-inner.mui-transitioning,.mui-navbar-inner .mui-transitioning{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease}.mui-page{display:none}.mui-pages .mui-page{display:block}.mui-page .mui-table-view:first-child{margin-top:15px}.mui-page .mui-table-view:last-child{margin-bottom:30px}.mui-table-view{margin-top:20px}.mui-table-view span.mui-pull-right{color:#999}.mui-table-view-divider{background-color:#F5F5F5;font-size:14px}.mui-table-view-divider:before,.mui-table-view-divider:after{height:0}.head{height:40px}#head{line-height:40px}.head-img{width:40px;height:40px}#head-img1{position:absolute;bottom:10px;right:40px;width:40px;height:40px}.update{font-style:normal;color:#999;margin-right:-25px;font-size:15px}.mui-fullscreen{position:fixed;z-index:20;background-color:#000}.mui-ios .mui-navbar .mui-bar .mui-title{position:static}
		</style>
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
	</head>
	<body class="mui-fullscreen">
		<!--页面主结构开始-->
		<div id="coudApp" class="mui-views">
			<div class="mui-view">
				<div class="mui-navbar">
				</div>
				<div class="mui-pages">
				</div>
			</div>
		</div>
		<!--页面主结构结束-->
		<!--单页面开始-->
		<div id="coud" class="mui-page">
			<!--页面标题栏开始-->
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<a href="##" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</a>
				<h1 class="mui-center mui-title">云病历</h1>
			</div>
			<!--页面标题栏结束-->
			<!--页面主内容区开始-->
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view mui-grid-view mui-grid-9 coud_list">
				            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a href="#cloud_free_advice_record">
			            		<span class="mui-icon"><img src="../images/cloud_list3.png" alt="coud_1" /></span>
			                    <div class="mui-media-body">免费咨询记录</div></a>
				            </li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a href="#cloud_img_advice_record">
			            		<span class="mui-icon"><img src="../images/cloud_list4.png" alt="coud_2" /></span>
			                    <div class="mui-media-body">图文咨询记录</div></a>
				            </li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a href="#cloud_appointment_record">
			            		<span class="mui-icon"><img src="../images/cloud_list6.png" alt="coud_3" /></span>
			                    <div class="mui-media-body">预约门诊记录</div></a>
				            </li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a href="#cloud_my_dt_record">
			            		<span class="mui-icon"><img src="../images/cloud_list1.png" alt="coud_4" /></span>
			                    <div class="mui-media-body">我的病情</div></a>
				            </li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a href="#cloud_img_record">
			            		<span class="mui-icon"><img src="../images/cloud_list2.png" alt="coud_5" /></span>
			                    <div class="mui-media-body">图片库</div></a>
				            </li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a href="#cloud_laboratory_data">
			            		<span class="mui-icon"><img src="../images/cloud_list5.png" alt="coud_5" /></span>
			                    <div class="mui-media-body">实验室资料</div></a>
				            </li>
				        </ul>
					</div>
				</div>
			</div>
			<!--页面主内容区结束-->
		</div>
		<!--单页面结束-->
		<!--<script type="text/javascript">
			
		</script>-->
			
		<!--云病历免费咨询记录-->
		<div id="cloud_free_advice_record" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">免费咨询记录</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view free_advice_list">
				            <li class="mui-table-view-cell">
				            	<span class="mui-badge mui-badge-success">已回复</span>
				            	<h1>妇科病的觉症状有哪些？</h1>
				            	<p><time>2015-12-12</time> ｜ <span>妇科</span></p>
				            </li>
				            <li class="mui-table-view-cell"> 
				            	<span class="mui-badge mui-badge-success">已回复</span>
				            	<h1>妇科病的觉症状有哪些？</h1>
				            	<p><time>2015-12-12</time> ｜ <span>妇科</span></p>
				            </li>
				            <li class="mui-table-view-cell"> 
				            	<span class="mui-badge mui-badge-danger">待回复</span>
				            	<h1>妇科病的觉症状有哪些？</h1>
				            	<p><time>2015-12-12</time> ｜ <span>妇科</span></p>
				            </li>
				        </ul>
					</div>
				</div>
			</div>
		</div>
		<!--云病历图文咨询记录-->
		<div id="cloud_img_advice_record" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">图文咨询记录</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view free_advice_list">
				            <li class="mui-table-view-cell">
				            	<span class="mui-badge mui-badge-success">已结束</span>
				            	<div class="mui-col-xs-2">
									<img src="../images/doctor_img.png" alt="img"  />
				            	</div>
				            	<div class="mui-col-xs-7">
				            		<h1 class="mui-ellipsis">您好！您好！您好！您好！</h1>
				            		<p><time>2015-12-12</time> ｜ <span>妇科</span></p>
				            	</div>
				            </li>
				            <li class="mui-table-view-cell"> 
				            	<span class="mui-badge mui-badge-success">已结束</span>
				            	<div class="mui-col-xs-2">
									<img src="../images/doctor_img.png" alt="img"  />
				            	</div>
				            	<div class="mui-col-xs-7">
				            		<h1 class="mui-ellipsis">您好！您好！您好！您好！</h1>
				            		<p><time>2015-12-12</time> ｜ <span>妇科</span></p>
				            	</div>
				            </li>
				            <li class="mui-table-view-cell"> 
				            	<span class="mui-badge mui-badge-danger">进行中</span>
				            	<div class="mui-col-xs-2">
									<img src="../images/doc_list@2x.png" alt="img"  />
				            	</div>
				            	<div class="mui-col-xs-7">
				            		<h1 class="mui-ellipsis">您好！您好！您好！您好！</h1>
				            		<p><time>2015-12-12</time> ｜ <span>妇科</span></p>
				            	</div>
				            </li>
				        </ul>
					</div>
				</div>
			</div>
		</div>
		<!--云病历预约门诊记录-->
		<div id="cloud_appointment_record" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">预约门诊记录</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view appointment_record_list">
				            <li class="mui-table-view-cell">
				            	<div class="mui-col-xs-2">
									<img src="../images/doctor_img.png" alt="img" />
				            	</div>
				            	<div class="mui-col-xs-9">
				            		<h1 class="mui-ellipsis">张靓 <small>女</small></h1>
				            		<p>门诊预约 ｜ 价格 <span>￥<b>35</b></span></p>
				            		<p>预约时间 <time>2015-12-12 上午</time></p>
				            	</div>
				            </li>
				            <li class="mui-table-view-cell">
				            	<div class="mui-col-xs-2">
									<img src="../images/doc_list@2x.png" alt="img" />
				            	</div>
				            	<div class="mui-col-xs-9">
				            		<h1 class="mui-ellipsis">张靓 <small>女</small></h1>
				            		<p>门诊预约 ｜ 价格 <span>￥<b>35</b></span></p>
				            		<p>预约时间 <time>2015-12-12 上午</time></p>
				            	</div>
				            </li>
				            <li class="mui-table-view-cell">
				            	<div class="mui-col-xs-2">
									<img src="../images/doctor_img.png" alt="img" />
				            	</div>
				            	<div class="mui-col-xs-9">
				            		<h1 class="mui-ellipsis">张靓 <small>女</small></h1>
				            		<p>门诊预约 ｜ 价格 <span>￥<b>35</b></span></p>
				            		<p>预约时间 <time>2015-12-12 上午</time></p>
				            	</div>
				            </li>
				        </ul>
					</div>
				</div>
			</div>
		</div>
		<!--云病历我的病情-->
		<div id="cloud_my_dt_record" class="mui-page feedback">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">浏览报告</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							 <li class="mui-table-view-cell"><span>患者姓名：</span><input type="text" required="true" class="mui-input-clear" placeholder="张散" readonly="true"></li>
					         <li class="mui-table-view-cell"><span>职业：</span><input type="text" required="true" class="mui-input-clear" placeholder="销售员" readonly="true"></li>
					         <li class="mui-table-view-cell"><span>首次生育年龄：</span><input type="text" required="true" class="mui-input-clear" placeholder="24岁" readonly="true"></li>
					         <li class="mui-table-view-cell forward_right"><span>婚姻：</span><a href="##">未婚</a></li>
					         <li class="mui-table-view-cell"><span>月经史：</span><input type="text" required="true" class="mui-input-clear" placeholder="月经史" readonly="true"></li>
					         <li class="mui-table-view-cell"><span>既往病史：</span><input type="text" required="true" class="mui-input-clear" placeholder="既往病史" readonly="true"></li>
					         <li class="mui-table-view-cell"><span>家族史：</span><input type="text" required="true" class="mui-input-clear" placeholder="家族史" readonly="true"></li>
					         <li class="mui-table-view-cell"><span>个人史：</span><input type="text" required="true" class="mui-input-clear" placeholder="个人史" readonly="true"></li>
					         <li class="mui-table-view-cell forward_right"><span>主要症状：</span><a href="##">不孕不育</a></li>
						</ul>
						<div class="row mui-input-row illness">
							<h2>主要病情描述：</h2>
							<textarea id="question" class="mui-input-clear question_detail" placeholder="这里描述病情的详细信息..."></textarea>
						</div>
						<div class="screenshot">
							<h2>医疗设备截图</h2>
							<div id='image-list' class="row image-list"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--云病历云相册-->
		<div id="cloud_img_record" class="mui-page feedback">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">云相册</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="imgs_li">
							<li>
						    	<h1><time pubdate="2015-01-02">2015-01-02</time></h1>
						        <a href="#cloud_img_detail"><div class="this_img active">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						        <a href="#cloud_img_detail"><div class="this_img">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						        <a href="#cloud_img_detail"><div class="this_img">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						        <a href="#cloud_img_detail"><div class="this_img">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						    </li>
						    <li>
						    	<h1><time pubdate="2015-01-02">2015-01-02</time></h1>
						        <a href="#cloud_img_detail"><div class="this_img active">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						        <a href="#cloud_img_detail"><div class="this_img">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						        <a href="#cloud_img_detail"><div class="this_img">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						        <a href="#cloud_img_detail"><div class="this_img">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						    </li>
						    <li>
						    	<h1><time pubdate="2015-01-02">2015-01-02</time></h1>
						        <a href="#cloud_img_detail"><div class="this_img active">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						        <a href="#cloud_img_detail"><div class="this_img">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						        <a href="#cloud_img_detail"><div class="this_img">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						        <a href="#cloud_img_detail"><div class="this_img">
						        	<img src="../images/this_img.png" alt="img">
						            <span>已咨询</span>
						        </div></a>
						    </li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--云病历查看图片-->
		<div id="cloud_img_detail" class="mui-page feedback">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<a href="##" class="mui-btn mui-btn-blue mui-pull-right mui-btn-link preservate">保存</a>
				<h1 class="mui-center mui-title">查看图片</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="the_edit_img">
							<img src="../images/this_img.png" alt="this">
						   <div class="action_img">
						   		<h1>图片备注</h1>
						        <div class="row mui-input-row">
						        	<textarea name="" rows="" cols="" class="mui-input-clear question" placeholder="请详细描述你要备注的信息..."></textarea>
						        </div>
						       <div class="mui-content-padded pass_btn clear">
						       		<a href="##" class="mui-btn mui-pull-right">加注释</a>
						        </div>
						   </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--云病历实验室资料-->
		<div id="cloud_laboratory_data" class="mui-page feedback">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">实验室资料</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<p class="expect">敬请期待...</p>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/mui.min.js "></script>
		<script src="../js/mui.view.js "></script>
		<script src="../js/mui.picker.min.js"></script>
		<script src='../js/jquery-1.11.1.js'></script>
		<script src='../js/strophe-custom-2.0.0.js'></script>
		<script src='../js/json2.js'></script>
		<script src="../js/easemob.im-1.0.5.js"></script>
		<script src='../js/feedback.js'></script>
		<script src="../js/feedback-page.js"></script>
	</body>
	<script>
		mui.init();
		//初始化单页view
		var viewApi = mui('#coudApp').view({
			defaultPage: '#coud'
		});
		//初始化单页的区域滚动
		mui('.mui-scroll-wrapper').scroll();
		var view = viewApi.view;
		(function($) {
			//处理view的后退与webview后退
			var oldBack = $.back;
			$.back = function() {
				if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
					viewApi.back();
				} else { //执行webview后退
					oldBack();
				}
			};
		})(mui);
		
	</script>

</html>